<script src="__JS__/common/slides.min.jquery.js?version={$Think.config.WEBVERSION}" type="text/javascript" charset="utf-8"></script>   
<script type="text/javascript">

    $(function() {
        $('#slides').slides({
            preload: true,
            preloadImage: '__SKIN__/{$language}/images/loading.gif',
            play: 5000,
            pause: 2500,
            hoverPause: true,
            generatePagination: true
        });
        var mgwidth = $('#slides .pagination').width();
        $('#slides .pagination').css('marginLeft',-(mgwidth/2)+'px');
    });
</script>

    <div id="slides" class="slides-banner">

        <div class="slides_container">
            <div class="slide">
                <img src="__SKIN__/{$language}/images/banner-1.jpg?version={$Think.config.WEBVERSION}" alt="Design By ZT" title="{:L('SDK')}" />
            </div>
            <div class="slide">
                <img src="__SKIN__/{$language}/images/banner-1.jpg?version={$Think.config.WEBVERSION}" alt="Design By ZT" title="{:L('SDK')}" />
            </div>
            <div class="slide">
                <img src="__SKIN__/{$language}/images/banner-1.jpg?version={$Think.config.WEBVERSION}" alt="Design By ZT" title="{:L('SDK')}" />
            </div>
            <div class="slide">
                <img src="__SKIN__/{$language}/images/banner-1.jpg?version={$Think.config.WEBVERSION}" alt="Design By ZT" title="{:L('SDK')}" />
            </div>
            <div class="slide">
                <img src="__SKIN__/{$language}/images/banner-1.jpg?version={$Think.config.WEBVERSION}" alt="Design By ZT" title="{:L('SDK')}" />
            </div>
        </div>

    </div>
    <div class="index-box">
        <div class="index-left">
            <h2>{:L('last_news')}</h2>
            <img src="__SKIN__/{$language}/images/index-left.jpg" />
        </div>
        <div class="index-right">
            <h2>{:L('sc_science')}</h2>
            <img src="__SKIN__/{$language}/images/index-right.jpg" />
    </div>
    <div class="clear"></div>
